<template>
	<div class="city">
		<Header></Header>
		<List :cityList="cityList" :hotCity="hotCity"></List>
	</div>
</template>
<script>	
	import Header from './pages/Header'
	import List from './pages/List'
	export default{
		data(){
			return{
				hotCity:[],
				cityList:{}
			}
		},
		components:{
			Header,
			List
		},
		mounted(){
			this.$http.get('/api/data/city.json').then(res=>{
		        console.log(res.data.data);
		        let data = res.data.data;
		        this.hotCity = data.hotCities;
		        this.cityList=data.cities
		    });
		}
	}
</script>
<style scoped>
	.city{
		background:#f5f5f5;
	}
</style>